<template>
    <div class="cart-bottom">
        <div class="cart-bottom-price">
            <input type="checkbox">
            <span>全选(0)</span>
            <span>￥0.00</span>
        </div>
        <div class="cart-bottom-submit">
            <input type="button" value="去结算">
        </div>
    </div>
</template>
<style lang="less" scoped>
.cart-bottom{
    position:absolute;
    bottom:0rem;
    box-sizing:border-box;
    width:100%;
    height:1rem;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    padding:0rem 0.3rem;
    >.cart-bottom-price{
        flex:1;
        display:flex;
        align-items:center;
        box-sizing:border-box;
        padding:0.1rem;
        >input{
            width:0.4rem;
            height:0.4rem;
        }
        >span:nth-child(2){
            padding-left:0.1rem;
            font-size:0.35rem;
        }
        >span:last-child{
            color:@red;
            padding-left:0.1rem;
        }
    }
    >.cart-bottom-submit{
        flex:1;
        text-align:right;
        >input[type="button"]{
            width:1.8rem;
            height:0.6rem;
            border-radius:5%;
            border:none;
            background-color:@pink;
            color:@white;
            font-size:0.35rem;
        }
    }
}
</style>